<!DOCTYPE HTML>
<html>
<head>
<title>首页</title>
<script src="/lib/requirejs/require.js" data-main="/js/index"></script>
<link rel="stylesheet" type="text/css" href="/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="/css/index.css"/>
</head>
	<body>
		
	<!--头部-->
	
		<header></header>
		
		<!--banner图轮播-->
		<banner>
			<div class="wrap">
				<div class="banner_box"></div>
				<div class="banner_right">
					<ul>
						<li><a href=""><img src="/images/b1.jpg"/></a></li>
						<li><a href=""><img src="/images/b2.jpg"/></a></li>
					</ul>
				</div>
			</div>			
		</banner>
		
		<!--楼层导航-->
			<div class="topsearch-wrap" style="display: none !important;">
				<!--顶部导航-->
			    <div class="topsearch">
					<a href="" class="left">
					    <img src="http://assets.haituncun.com/skin/frontend/PlumTree/default/images/newindex/htc-txt.png" width="224" height="30" class="htc-txt">
					</a>
			        <div class="right">
			            <form class="auto-search">
			             	<input type="text"  class="_search" name="" id="" value="" placeholder="搜whoo试试,体验顶级奢华护肤"/>
			             	<input type="submit" name="" id="" value=""  class="submit"/>
			            </form>
			            <div class="cart">
						   <a href="/html/cart.html" target="_blank">购物车</a>
						</div>
			        </div>
			   </div>			   
			</div>
			<!--楼层导航-->
			 <!--侧栏导航-->
			    <div class="right_nav" style="display: none;">
			    	<ul>
			    		<li class="on"><a href="javascript:void(0)">全球精品馆</a></li>
			    		<li><a href="javascript:void(0)">全球商家</a></li>
			    		<li><a href="javascript:void(0)">母婴用品</a></li>
			    		<li><a href="javascript:void(0)">营养保健</a></li>
			    		<li><a href="javascript:void(0)">美容药妆</a></li>
			    		<li><a href="javascript:void(0)">个人护理</a></li>
			    		<li><a href="javascript:void(0)">家居厨卫</a></li>
			    		<li><a href="javascript:void(0)">食品精选</a></li>
			    		<li><a href="javascript:void(0)">热门品牌</a></li>
			    		<li><a href="#">返回顶部</a></li>
			    	</ul>
			    </div>
		
		<!--商品列表-->
		<div class="container">
			<div class="wrap">	
				<div class="floor">
					<h3 class="title">全球精品馆</h3>
					<div class="prod-context">						
					</div>
				</div>
				<div class="floor">
					<h3 class="title">全球商家</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">母婴用品</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">营养保健</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">美容药妆</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">个人护理</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">家居厨卫</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">食品精选</h3>
					<div class="prod-context"></div>
				</div>
				<div class="floor">
					<h3 class="title">热门品牌</h3>
					<div class="prod-context"></div>
				</div>
			</div>
		</div>
		
		<!--art-template模板-->
		<script type="text/html" id="list-template">
			{{each list prod}}
			<div class="prod-single">
          	    <a href="/html/detail.html?id={{prod.id}}">
				     <img src="{{prod.img}}" class="img-responsive" alt="">
				     <div class="prod-message">
					     <h3>{{prod.title}}</h3>
					   	 <p>{{prod.desc}}</p>
					   	 <h4>${{prod.price}}</h4>
				     </div>						     
		        </a>  
			</div>
			{{/each}}
		</script>
		<!--网页足部-->
		<footer></footer>
	</body>
</html>		